body {
    background-color: #fff;
    padding: 0;
    margin: 0;
}


.select-apparel {
    width: 100vw;
}

.select-apparel .head-main {
    text-align: center;
    padding-bottom: 5%;
    margin-bottom: 1%;
    background-color: #15563d;
    color: #e4e4e4;
}

.select-apparel .head-main h2 {
    font-size: 2.875rem;
    padding: 1% 0%;
    margin: 0;
}

.select-apparel .head-main h5 {
    font-size: 1.875rem;
    MARGIN: 0;
}

.content-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.content-col-1 {
    width: 12%;
    height: fit-content;
    display: inline-block;
    padding: 1% 2% 2%;
    box-shadow: 0.0625rem 0.0625rem 1.25rem #4444440c;
    border-radius: 0.3125rem;
    background-color: #eaeaea;
}

.content-col-1 select {
    padding: 5% 10%;
    border-radius: 0.3125rem;
    font-size: 1rem;
    width: 100%;
    border: none;
}

.content-col-2 {
    width: 50%;
    display: grid;
    place-items: center;
    align-self: baseline;
    background-color: #fff;
    margin: 0 0.3125rem 0.625rem 0.875rem;
}

.content-col-3 {
    width: 25%;
    display: inline-block;
    height: auto;
}

.color-wrap {
    border-radius: 0.3125rem;
    width: fit-content;
    padding: 5% 5% 10%;
    background-color: #eaeaea;
    box-shadow: 0.0625rem 0.0625rem 1.25rem #4444440c;
    text-align: center;
}

.option-head {
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0.625rem 0;
    padding: 0 0 10%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #15563d;
}

.product-wrap {
    width: 15vw;
    height: 50vh;
    text-align: center;
    overflow: hidden;
    padding: 2% 1%;


}

.product-wrap img {
    max-height: 100%;
    max-width: 100%;
    background-color: #d1d0d0;

}

.color-picker {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.tshirt-color {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px;

}

.color-picker span {
    padding: 0.3125rem 0.875rem;
    margin: 0.3125rem;
    cursor: pointer;
    border-radius: 0.1875rem;
    border-color: #fbfbfb;
    border-style: solid;
}

.color-picker a {
    margin: 7px 0;
}

.color-picker a:hover {
    transform: scale(1.3);
    transition: ease-in-out;
    transition-duration: 100ms;
}

.color-picker .Antique_Cherry_Red {
    background-color: #b1072f;
}

.color-picker .Antique_Cherry_Red {
    background-color: #b1072f;
}

.color-picker .Antique_Irish_Green {
    background-color: #029c5b;
}

.color-picker .Cobalt {
    background-color: #303988;
}

.color-picker .Antique_Jade_Dome {
    background-color: #03858c;
}

.color-picker .Antique_Orange {
    background-color: #d85330;
}

.color-picker .Antique_Sapphire {
    background-color: #0689b1;
}

.color-picker .Ash {
    background-color: #e8e7ed;
}

.color-picker .Azalea {
    background-color: #fa85b2;
}

.color-picker .Berry {
    background-color: #c0266f;
}

.color-picker .Black {
    background-color: #0a0a0a;
}

.color-picker .Blackberry {
    background-color: #382f4a;
}

.color-picker .Brown_Savana {
    background-color: #ab9184;
}

.color-picker .Cardinal {
    background-color: #ae0c36;
}

.color-picker .Carolina_Blue {
    background-color: #93b7e9;
}

.color-picker .Charcoal {
    background-color: #666563;
}

.color-picker .Coral_Silk {
    background-color: #ff747a;
}

.color-picker .Cornsilk {
    background-color: #fce891;
}

.color-picker .Daisy {
    background-color: #fdcf56;
}

.color-picker .Dark_Chocolate {
    background-color: #4b3937;
}

.color-picker .Dark_Heather {
    background-color: #525f65;
}

.color-picker .Electric_Green {
    background-color: #71c866;
}

.color-picker .Forest_Green {
    background-color: #333b30;
}

.color-picker .Garnet {
    background-color: #8f1c35;
}

.color-picker .Gold {
    background-color: #ffb626;
}

.color-picker .Graphite_Heather {
    background-color: #8e8d93;
}

.color-picker .Gravel {
    background-color: #aeaaab;
}

.color-picker .Heather_Military_Green {
    background-color: #737769;
}

.color-picker .Heather_Navy {
    background-color: #5f6475;
}

.color-picker .Heather_Radiant_Orchid {
    background-color: #df8dcc;
}

.color-picker .Heather_Red {
    background-color: #d53d55;
}

.color-picker .Heather_Sapphire {
    background-color: #45a6d1;
}

.color-picker .Heliconia {
    background-color: #fe3080;
}

.color-picker .Ice_Grey {
    background-color: #e2d8d9;
}

.color-picker .Indigo_Blue {
    background-color: #5f7b91;
}

.color-picker .Irish_Green {
    background-color: #00b160;
}

.color-picker .Kiwi {
    background-color: #aec67a;
}

.color-picker .Light_Blue {
    background-color: #cddeee;
}

.color-picker .Light_Pink {
    background-color: #f4ced9;
}

.color-picker .Lilac {
    background-color: #624e93;
}

.color-picker .Lime {
    background-color: #b0e07c;
}

.color-picker .Maroon {
    background-color: #73203d;
}

.color-picker .Midnight {
    background-color: #284c5c;
}

.color-picker .Military_Green {
    background-color: #5c674d;
}

.color-picker .Mint_Green {
    background-color: #cbebc6;
}

.color-picker .Natural {
    background-color: #f2e8df;
}

.color-picker .Navy {
    background-color: #2a354b;
}

.color-picker .Neon_Blue {
    background-color: #0058a1;
}

.color-picker .Neon_Green {
    background-color: #b2f87e;
}

.color-picker .Old_Gold {
    background-color: #e2ab75;
}

.color-picker .Orange {
    background-color: #ff5d26;
}

.color-picker .Purple {
    background-color: #452e76;
}

.color-picker .Red {
    background-color: #f32238;
}

.color-picker .Royal {
    background-color: #135eaf;
}

.color-picker .Russet {
    background-color: #735250;
}

.color-picker .Safety_Green {
    background-color: #e5f957;
}

.color-picker .Safety_Orange {
    background-color: #fc7400;
}

.color-picker .Safety_Pink {
    background-color: #ff85a6;
}

.color-picker .Sand {
    background-color: #e1d1c4;
}

.color-picker .Sapphire {
    background-color: #008ab7;
}

.color-picker .Sky {
    background-color: #76c3e1;
}

.color-picker .Sport_Grey {
    background-color: #ccccd8;
}

.color-picker .Sunset {
    background-color: #f0855c;
}

.color-picker .Tennessee_Orange {
    background-color: #ff9e03;
}

.color-picker .Texas_Orange {
    background-color: #c5542c;
}

.color-picker .Tropical_Blue {
    background-color: #00aab8;
}

.color-picker .Turf_Green {
    background-color: #17975a;
}

.color-picker .Tweed {
    background-color: #555356;
}

.color-picker .Violet {
    background-color: #888ec0;
}

.color-picker .White {
    background-color: #f4f4f6;
}

.color-picker .Yellow_Haze {
    background-color: #ffdca4;
}

.Antique_Cherry_Red {
    color: #b1072f;
}

.Antique_Cherry_Red {
    color: #b1072f;
}

.Antique_Irish_Green {
    color: #029c5b;
}

.Cobalt {
    color: #303988;
}

.Antique_Jade_Dome {
    color: #03858c;
}

.Antique_Orange {
    color: #d85330;
}

.Antique_Sapphire {
    color: #0689b1;
}

.Ash {
    color: #000000;
}

.Azalea {
    color: #fa85b2;
}

.Berry {
    color: #c0266f;
}

.Black {
    color: #0a0a0a;
}

.Blackberry {
    color: #382f4a;
}

.Brown_Savana {
    color: #ab9184;
}

.Cardinal {
    color: #ae0c36;
}

.Carolina_Blue {
    color: #93b7e9;
}

.Charcoal {
    color: #666563;
}

.Coral_Silk {
    color: #ff747a;
}

.Cornsilk {
    color: #fce891;
}

.Daisy {
    color: #fdcf56;
}

.Dark_Chocolate {
    color: #4b3937;
}

.Dark_Heather {
    color: #525f65;
}

.Electric_Green {
    color: #71c866;
}

.Forest_Green {
    color: #333b30;
}

.Garnet {
    color: #8f1c35;
}

.Gold {
    color: #ffb626;
}

.Graphite_Heather {
    color: #8e8d93;
}

.Gravel {
    color: #aeaaab;
}

.Heather_Military_Green {
    color: #737769;
}

.Heather_Navy {
    color: #5f6475;
}

.Heather_Radiant_Orchid {
    color: #df8dcc;
}

.Heather_Red {
    color: #d53d55;
}

.Heather_Sapphire {
    color: #45a6d1;
}

.Heliconia {
    color: #fe3080;
}

.Ice_Grey {
    color: #e2d8d9;
}

.Indigo_Blue {
    color: #5f7b91;
}

.Irish_Green {
    color: #00b160;
}

.Kiwi {
    color: #aec67a;
}

.Light_Blue {
    color: #cddeee;
}

.Light_Pink {
    color: #f4ced9;
}

.Lilac {
    color: #624e93;
}

.Lime {
    color: #b0e07c;
}

.Maroon {
    color: #73203d;
}

.Midnight {
    color: #284c5c;
}

.Military_Green {
    color: #5c674d;
}

.Mint_Green {
    color: #cbebc6;
}

.Natural {
    color: #000000;
}

.Navy {
    color: #2a354b;
}

.Neon_Blue {
    color: #0058a1;
}

.Neon_Green {
    color: #b2f87e;
}

.Old_Gold {
    color: #e2ab75;
}

.Orange {
    color: #ff5d26;
}

.Purple {
    color: #452e76;
}

.Red {
    color: #f32238;
}

.Royal {
    color: #135eaf;
}

.Russet {
    color: #735250;
}

.Safety_Green {
    color: #e5f957;
}

.Safety_Orange {
    color: #fc7400;
}

.Safety_Pink {
    color: #ff85a6;
}

.Sand {
    color: #e1d1c4;
}

.Sapphire {
    color: #008ab7;
}

.Sky {
    color: #76c3e1;
}

.Sport_Grey {
    color: #ccccd8;
}

.Sunset {
    color: #f0855c;
}

.Tennessee_Orange {
    color: #ff9e03;
}

.Texas_Orange {
    color: #c5542c;
}

.Tropical_Blue {
    color: #00aab8;
}

.Turf_Green {
    color: #17975a;
}

.Tweed {
    color: #555356;
}

.Violet {
    color: #888ec0;
}

.White {
    color: #000000;
}

.Yellow_Haze {
    color: #ffdca4;
}

@media (max-width: 768px) { 

  .content-col-2{
  	width: 100%;
    margin-bottom: 5px;
  }
  .content-col-3 {
    width: 80%;
  }
  
  .content-col-1{
  	width:50%;
    margin-bottom: 20px;
   	margin-top: 10px;
  }
  
  .product-wrap {
    width: 70vw;
    height: 50vh;
    text-align: center;
    overflow: hidden;
    padding: 2% 1%;
	}


  
}